$(function () {
    //使用表单校验插件
    $('#login-form').bootstrapValidator({
        //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
        excluded: [':disabled', ':hidden', ':not(:visible)'],

        //2. 指定校验时的图标显示，默认是bootstrap风格
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },

        //3. 指定校验字段
        fields: {
            //校验用户名，对应name表单的name属性
            username: {
                validators: {
                    //不能为空
                    notEmpty: {
                        message: '用户名不能为空'
                    },
                    //长度校验
                    stringLength: {
                        min: 2,
                        max: 6,
                        message: '用户名长度必须在2到6之间'
                    },
                    callback: {
                        message: '用户名错误'
                    }
                }
            },
            //   校验密码 通过name属性获取
            password: {
                validators: {
                    //不能为空
                    notEmpty: {
                        message: '密码不能为空'
                    },
                    //长度校验
                    stringLength: {
                        min: 6,
                        max: 12,
                        message: '密码长度必须在2到6之间'
                    },
                    callback: {
                        message: '密码错误'
                    }
                }
            }
        }
    });

    // 点击重置时清空样式
    $('.btn-reset').click(function() {
        //  通过validator实例调用重置样式方法resetForm
        $("#login-form").data('bootstrapValidator').resetForm();
    })

    // // 点击登录 登录功能
    // $('.btn-login').click(function(e) {
    //     e.preventDefault();   //阻止form表单中submit默认提交行为
    // })


    // 使用validator插件的表单提交验证   可以在提交前校验表单内容是否正确,给表单添加样式提醒用户。如果信息有误，登录键还会禁用，需要再次更改重新启用。并且键盘回车也能正常登录
    $("#login-form").on('success.form.bv', function (e) {
        e.preventDefault();
        
        //使用ajax提交逻辑
        $.ajax({
             type: 'post',
             url: '/employee/employeeLogin',
             data: $('#login-form').serialize(),   //通过jquery表单序列化提交
             dataType: 'json',
             success: function (res) {
                     console.log(res);
                     if(res.success) {
                        //  用户数据校验通过跳转到主页
                         location.href= './index.html'
                     }
                     if(res.error==1001) {
                        //  调用validator更新字段样式  第一个参数是校验字段name值  第二个什么状态下校验 第三个回调函数，这个函数写在表单校验规则中
                         $("#login-form").data('bootstrapValidator').updateStatus('password', 'INVALID', 'callback')
                     }
                     if(res.error==1000) {
                         $("#login-form").data('bootstrapValidator').updateStatus('username', 'INVALID', 'callback')
                     }
             }
         })
    });

})